<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
1。相对路径：
    a.资源和页面在同一目录：直接写图片名
    b.资源在页面的上级目录：../图片名
    c.资源在页面的下级目录：文件名/图片名

2.绝对路径：一般用于访问站外资源，成为图片倒链，存在找不到图片的风险

alt="我是主角"：当图片不显示的时候显示的文本
title=""：鼠标停止在图片上显示的文本
-->
<img src="3.jpeg" alt="我是主角" width="100%">
<!-- width/height   值设置宽度高度会自动等比例缩放
两种赋值方式：1.像素  2.百分比-->
<img src="../2.jpg" title="鼠标停止在图片上显示的文本" width="400" >
<img src="abc/1.jpeg" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///0de00f2e44fe484dace26b43cfd2673a.jpg">
</body>
</html>